<template>
  <div class="rubric">
    <div class="rubric_topic">
      <span>题目难度</span>

      <!-- 按钮 -->
      <!-- <el-button class="rub_btn" style="float:left;" type="text"><i/><p>点赞</p></el-button> -->
      <!-- <el-button  class="rub_btn" style="float:left;"><p>收藏</p></el-button> -->
      <el-button
                  class="rubric_funtioned icons_topics"
                  type="text"
                  size="mini"
                  @click="handleLike()"
                  ><i class="el-icon-thumb icon-la" />10</el-button
                >
                <el-button
                  class="rubric_funtioned icons_topics"
                  style="font-size: 18px"
                  type="text"
                  @click="handleCollect()"
                  size="mini"
                  ><i class="el-icon-star-on" />50</el-button
                >


    </div>
    <div class="rubric_item">题目</div>

    <!-- 弄两个一样的示例 --> 
    <div class="rubric_examples">
      <p>示例1：</p>
    <div class="rubric_example">示例</div>
     <p>示例2：</p>
    <div class="rubric_example">示例</div>
    </div>
  </div>
</template>

<script>
import "@/assets/css/subject.css";
export default {
  name: "subject",
  data() {
    return {};
  },
   methods: {
    handleLike() {
      console.log("点赞");
    },
    handleCollect() {
      console.log("收藏");
    }
    }
};
</script>

<style></style>
